﻿<template>
    <div class=" brand-box">
        <!--查询条件-->
        <div class="good">
            <div class="good_head">
            <el-form :inline="true" >
                <el-form-item label="赠品名称：">
                    <el-input v-model="goodInfo.goodName" placeholder="商品名称" style="width: 300px"></el-input>
                </el-form-item>

                <el-form-item label="赠品类型：" style=" margin-left:40px">
                    <el-input v-model="goodInfo.goodModel" placeholder="商品型号" style="width: 300px"></el-input>
                </el-form-item><br>

                <el-form-item label="赠品颜色：" >
                    <el-input v-model="goodInfo.goodColour" placeholder="商品颜色" style="width: 300px"></el-input>
                </el-form-item>

                <el-form-item label="赠品品牌：" style=" margin-left:40px">
                    <el-input v-model="goodInfo.goodBrand" placeholder="商品品牌" style="width: 300px"></el-input>
                </el-form-item><br>

                <el-form-item class="findgood">
                    <el-button round type="primary" @click="findPage">查询</el-button>
                </el-form-item>
            </el-form>
        </div>

            <div class="show" >
                <el-table :data="pageDate"  height="400px" header-align  style="align-content: center">
                    <el-table-column fixed prop="id" label="序号" width="80"></el-table-column>
                    <el-table-column prop="promotionName" label="赠品名字" width="150"></el-table-column>
                    <el-table-column prop="promotionStarttime" label="赠品类型" width="150"></el-table-column>
                    <el-table-column prop="goodName" label="赠品单价" width="150"></el-table-column>
                    <el-table-column prop="promotionPrice" label="赠品品牌" width="120"></el-table-column>
                    <el-table-column prop="priceTaketime" label="赠品型号" width="150"></el-table-column>
                    <el-table-column prop="promotionApprovalStatus" label="赠品数量" width="120"></el-table-column>
                    <el-table-column prop="promotionApprovalStatus" label="赠品颜色" width="120"></el-table-column>
                    <el-table-column prop="handle" label="操作" width="120"><template slot-scope="scope">
                        <el-button round type="primary" icon="el-icon-document-copy" size="mini">选择</el-button>
                    </template>
                    </el-table-column>
                </el-table>
            </div>
            <div class="page">
                <el-pagination background
                               layout="prev, pager, next"
                               :total="100">
                </el-pagination>
            </div>
            <div class="butt">
                <el-button round type="primary" @click="backtrack">返回</el-button>
            </div>
        </div>
    </div>
</template>

<script >
    import brand from './gift'
    export default brand;
</script>

<style scoped  lang="sass">
    @import "gift"
</style>